<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人中心-编辑资料</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" href="css/top.css">
	<link rel="stylesheet" href="css/font.css">
	<link rel="stylesheet" href="css/editorial.css">
</head>
<body>
	<div id="wrap">
		<div id="top" class="top">
            <span class="posi-re">中国联通
            	<i class="posi-ab">4G</i>
            	<i class="icon iconfont icon-xinhao"></i>
            </span>
			<time class="top-time">00:00</time>
            <span>100%<i class="icon iconfont">&#xe697;</i></span>
		</div>
		<div class="sign-link">
			<a href="Personal.html" class="link-item">退出</a>
			<a href="#" class="retrieve">编辑资料</a>
        	<a href="#" class="link-item"></a>
		</div>


		<div class="content">
           	<div class="item-box portrait">
           		<div class="item-inner item-left">
            		<p class="hed-portrait">头像</p>
            	</div>
            	<div class="item-inner item-right">
				   	<img src="images/me-my.png" alt="">
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
			</div>
			<div class="item-box nickname">
				<div class="item-inner item-left">
            		<p>昵称</p>
            	</div>
            	<div class="item-inner item-right">
				   	<span contenteditable='true' class="item-txt">纵横帮</span>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
			</div>
			<div class="item-box gender">
			    <div class="item-inner item-left">
            		<p>性别</p>
            	</div>
            	<div class="item-inner item-right item-gender">
				   	<form action="" method="post">
				   		<input type="radio" checked="true" name="gender"><span>男</span>
				   		<input type="radio" name="gender"><span>女</span>
				   		<input type="radio" name="gender"><span>保密</span>
				   	</form>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
			</div>
			<div class="item-box real-name">
			    <div class="item-inner item-left">
            		<p>真实姓名</p>
            	</div>
            	<div class="item-inner item-right">
				   	<span contenteditable='true' class="item-txt">张三</span>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
			</div>
			<div class="item-box number">
			   <div class="item-inner item-left">
            		<p>手机号码</p>
            	</div>
            	<div class="item-inner item-right">
				   	<span contenteditable='true' class="item-txt">12345678910</span>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
			</div>
			<div class="item-box">
			   <div class="item-inner item-left">
            		<p>地址</p>
            	</div>
            	<div class="item-inner item-right">
				   	<span class="address" id="address">河北泊头</span>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
			</div>
			<div class="item-box code">
               <div class="item-inner item-left">
            		<p>邮编</p>
            	</div>
            	<div class="item-inner item-right">
				   	<span contenteditable='true' class="item-txt">065600</span>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
           	</div>
           	<div class="item-box mailbox">
           		<div class="item-inner item-left">
            		<p>邮箱</p>
            	</div>
            	<div class="item-inner item-right item-email">
				   	<form action="">
				   		<input type="email" class="email item-txt" value="填写个人邮箱">
				   	</form>
	            	<i class="icon iconfont">&#xe64e;</i>
            	</div>
	   		</div>
			<a href="Personal.html" class="item-btn">确定</a>
	    </div>
	</div>
	
	<div class="album-box">
		<div class="album-btn">
			<a href="#" class="btn-inner">拍照</a>
			<a href="#" class="btn-inner">从相册查看</a>
			<a href="#" class="btn-inner">查看历史头像</a>
		</div>
		<span class="btn-inner">取消</span>
	</div>


	<div class="album-box">
		<h3>
			<span class="btn-no">使用当前位置</span>
			<span class="btn-true">确认</span>
		</h3>
		<div class="xian"></div>
		<div class="info" id="info">
			<div>
				<select id="s_province" name="s_province"></select>&nbsp;&nbsp;
				<select id="s_city" name="s_city" ></select>&nbsp;&nbsp;
				<select id="s_county" name="s_county"></select>
				<script class="resources library" src="js/area.js" type="text/javascript"></script>
				<script type="text/javascript">_init_area();</script>
			</div>
			<div id="show"></div>
		</div>
	</div>
</div>
<script src="js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script src="js/editorial.js"></script>
</body>
</html>